body, html {
    height: 100%;
    margin: 0;
    font-family: "Ubuntu Sans", serif;
  }
  
  .parallax {
    background-image: url('../../HTML-CSS-Projects/assets/ichigo\ 1.png');
    height: 100%; 
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    h3{
        margin: 0;
        font-size: 4rem;
        color: #201F1F;
        text-shadow: 2px 2px #ff0000;
        float: right;
        top: 30%;
        right: 10%;
        position: relative;
    }
  }
  .content{
    height:40%;
    padding: 5px 30px;
    background-color:#333;
    color: white;
    display: grid;
    place-items: center;
    h3{
        margin: 0;
    }
    /* font-size:36px; */
  }
  .one{
    background-color: #100e0e;
    button{
        cursor: pointer;
        font-weight: 600;
        border: 0;
        border-radius: 30px;
        height: 40px;
        width: 30%;        
    }
  }
  .para{
    background-image: url('../../HTML-CSS-Projects/assets/ichigo\ 2.jpg');
    height: 100%; 
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
  }

  @media(max-width:758px){
    .parallax h3{
        top: 0%;
        background-color: rgba(255, 255, 255, 0.313);
        width: 100%;
        right: 0%;
        font-size: 2rem;
        text-shadow: 1px 1px red;
    }
    .content {
        height: 15rem;
        padding:0 10px;
        p{
            font-size: 12px;
        }
    }
  }